@charset "utf-8";

@font-face{ font-family:bebas; src:url('../font/BEBAS.TTF');}

.crumb{ background-color:#1e78bd; height:109px; color:#8fc4ed;}
.crumb h2{ font-size:26px; font-weight:bold; color:#fff; float:left; margin-top:31px;}
.crumb em{ font-size:23px; font-weight:bold; margin:35px 15px 0; display:inline-block;}
.crumb i{ font-size:20px; font-weight:bold; font-style:normal; background:url(../images/n_line.png) no-repeat left center; padding-left:20px; display:inline-block; height:34px; line-height:34px;}
.crumb .category{ margin-top:14px; width: 660px;}
.crumb .category a{ font-size:16px; margin:10px; color:#8fc4ed; font-weight:bold;line-height: 32px;}
.crumb .category a:hover{ color:#c9e7fd;}

.case_list li{ width:250px; padding:6px; margin: 0 10px 45px; position:relative; float:left; display:inline; border:1px solid #e4e3e3; border-bottom:3px solid #7d7d7d; }
.case_list li:hover{ border-bottom:3px solid #006dba;}
.case_list li .pic { position:relative; display:block; overflow:hidden; margin-bottom:6px;}
.case_list li .pic img { width:250px; height:218px; display:block; background:#ddd;}
.case_list li p { height:15px;margin-top:5px;color:#999;line-height:15px;overflow:hidden;}
.case_list li .title { position:relative;padding:15px 10px;overflow:hidden;position:relative;}
.case_list li .title a { font-size:16px; color:#454545;}
.pages{  margin-top:20px;}

.list li{ width:540px; float:left;}
.list li.ml{ margin-left:70px;}
.list .news_lists{ margin-bottom:40px;}

.honor{ padding:10px 0 20px; color:#6d6d6d; line-height:24px;}

.contact{ padding:60px 0 70px 120px;}
.contact .c_line{ margin:0 70px;}
.contact .contact_text h3{ font-size:23px; font-weight:bold; color:#585858;}
.contact .contact_text p{ color:#fe7011; font-size:21px; height:40px; line-height:40px;}
.contact .contact_text p img{ vertical-align:middle;}

.product_intro{ border-bottom:1px dashed #d7d7d7; padding-bottom:30px; margin-bottom:30px;}
.product_intro h2{ color:#232f38; font-size:27px; font-weight:bold; margin-bottom:30px;}
.product_intro .product_intro_con{ width:535px;}
.product_intro .product_intro_con p{ color:#6d6d6d; font-size:16px; line-height:30px;}
.product_intro .product_intro_pic{ width:580px;}
.product_intro .product_intro_pic li{ float:left;}
.product_intro .product_intro_pic li img{ width:270px; height:233px; border:1px solid #dadada; padding:4px; margin:0 5px 10px;}

.product_project .product_project_pic h2{ font-size:20px; color:#6d6d6d; font-weight:bold; background:url(../images/project_ico.jpg) no-repeat left center; padding-left:32px; margin-bottom:20px;}
.product_project .product_project_pic{ width:542px;}
.product_project .product_project_pic li{ float:left;}
.product_project .product_project_pic li img{ width:251px; height:217px; border:1px solid #dadada; padding:4px; margin:0 5px 10px;}

.product_project .product_project_con{ width:580px;}
.product_project .product_project_con p{ color:#6d6d6d; font-size:16px; line-height:30px;}

.contents{ width:900px; margin:0 auto;}

.contents h1{ font-size:20px; line-height:30px; text-align:center; color:#4d4d4d;}

.contents .info{ text-align:center; margin:10px 0 20px; color:#919191; padding-bottom:20px; border-bottom:1px dotted #cdcdcd;}
.contents .contents_text{ font-size:14px; line-height:28px; color:#6d6d6d;}
.contents .contents_text img{ max-width:900px;}
.contents .contents_text a{ color:#6d6d6d;}
.contents .page_choose{ margin-top:20px; margin-bottom:30px; padding-top:15px; border-top:1px dotted #cdcdcd;}
.contents .page_choose p{ line-height:28px; color:#474747;}
.contents .page_choose p a{ color:#474747;}
.contents .page_choose p a:hover{ color:#006dba;}
.contents .contents_text .info_key{margin-top:20px; line-height:24px;}
.contents .contents_text .info_key span{font-size: 14px; font-weight: bold;}
.contents .contents_text .info_key a{font-size: 12px; margin:0 5px; color:#999;}
.contents .contents_text .info_key a:hover{color:#6d6d6d;}




header{ border-bottom:1px solid #e5e5e5;}
.header{ height:99px; line-height:107px;}
.header .logo h1{ background:url(../images/logo.jpg) no-repeat; text-indent:-9999px; width:183px; height:99px;}
nav{ margin-left:42px;}
nav li{ float:left; margin:0 17px;}
nav li.active a{ border-bottom:3px solid #0a7dd3; padding-bottom:5px;}
nav li a{ padding:0 5px; font-size:16px; font-weight:bold; color:#585858;}
nav li a:hover{ border-bottom:3px solid #0a7dd3; padding-bottom:5px;}

footer{ background-color: #2c2c2c; padding:20px 0 15px; color:#cbcbcb;}
.footer .copyright .share li{ float:left; margin:0 5px;}
.footer a{ color:#cbcbcb;}
.footer .copyright .share .xlwb a{ background:url(../images/share_ico.png) no-repeat top left; width:24px; height:24px; display:block; padding:0; margin:0;}
.footer .copyright .share .txwb a{ background:url(../images/share_ico.png) no-repeat -32px 0px; width:24px; height:24px; display:block; padding:0; margin:0;}
.footer .copyright .share .kj a{ background:url(../images/share_ico.png) no-repeat -64px 0px; width:24px; height:24px; display:block; padding:0; margin:0;}
.footer .copyright .share .wx a{ background:url(../images/share_ico.png) no-repeat -98px 0px; width:24px; height:24px; display:block; padding:0; margin:0;}
.footer .links{ margin-top:20px; color:#838383; line-height:24px;}
.footer .links span{ color:#fff;}
.footer .links a{ margin:0 15px; color:#838383; display:inline-block;}
.footer a:hover{ color:#fff;}

/*通用*/

.pages{  margin-top:20px; text-align:center; width:100%; }
.pages a{ border:1px solid #d5d5d5; padding:3px 8px; margin-right:5px; font-size:12px; color:#534f4f;}
.pages span{ padding:3px 7px; background:#1e78bd; border:1px solid #096bb6; color:#fff; margin-right:5px; font-size:12px;}
.pages a:hover{ background:#1e78bd; border:1px solid #096bb6; color:#fff;}